<ion-header>
  <ion-toolbar>
    <ion-title>
      编辑个人信息
    </ion-title>
    <ion-buttons>
      <button ion-button (click)="dismiss()">关闭</button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <form [formGroup]="userForm" (ngSubmit)="onSubmit(userForm.value)">
    <ion-list>
      <ion-item>
        <ion-label floating>姓名</ion-label>
        <ion-input type="text" [formControl]="userName"></ion-input>
      </ion-item>
      <!--<ion-label *ngIf="userName.hasError('required') && userName.touched" class="error-message">* 请输入用户名</ion-label>-->
      <ion-item>
        <ion-label floating>个人简介</ion-label>
        <ion-input type="text" [formControl]="personInfo"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label floating>手机号码</ion-label>
        <ion-input type="tel" [formControl]="telephone"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label floating>电子邮箱</ion-label>
        <ion-input type="email" [formControl]="email"></ion-input>
      </ion-item>

    </ion-list>
    <div padding-horizontal>
      <button type="submit" ion-button block>保 存</button>
    </div>
  </form>
</ion-content>
